<!--
  有时，例如当我们调用API以获取用户列表或博客文章时，可能无法知道路线的名称。我们称这些动态路线。要创建动态路由
  您需要_在.vue文件名之前或目录名称之前添加下划线（）。您可以将文件或目录命名为任何名称，但必须在名称前加上下划线。

  该文件树：

  pages/
  --| _slug/
  -----| comments.vue
  -----| index.vue
  --| users/
  -----| _id.vue
  --| index.vue
  将自动生成：

  router: {
    routes: [
      {
        name: 'index',
        path: '/',
        component: 'pages/index.vue'
      },
      {
        name: 'users-id',
        path: '/users/:id?',
        component: 'pages/users/_id.vue'
      },
      {
        name: 'slug',
        path: '/:slug',
        component: 'pages/_slug/index.vue'
      },
      {
        name: 'slug-comments',
        path: '/:slug/comments',
        component: 'pages/_slug/comments.vue'
      }
    ]
  }

  您可以通过引用访问本地页面或组件中的当前路由参数 this.$route.params.{parameterName}
  例如，如果您有一个动态用户页面（users/_id.vue），并且想要访问该 id 参数以加载用户或流程信息，则可以像这样访问该变量：  this.$route.params.id。
 -->
<template>
  <div>
    <h1>{{ id }}</h1>
  </div>
</template>

<script>
export default {
  computed: {
    id () {
      return this.$route.params.id
    }
  }
}
</script>

<style>

</style>
